Das animierte SVG – mit CSS Animation

Challenges

Was du versuchen kannst:

• Füge weitere Elemente (rect, text) ein und transformiere/animiere sie.
• Im Stylesheet gelten für alle children des SVG die gleichen Transition-Eigenschaften. Wenn du dich sicher fühlst, kannst du für verschiedene Elemente verschiedene Timings definieren.

Tipps

• Um verschiedene Elemente zu unterscheiden, kannst du id und class verwenden.
• Um in CSS die id zu referenzieren, braucht es eine Raute: #my-id.
• Um in CSS die class zu referenzieren, braucht es einen Punkt .my-class.